@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family:cwTeXYen;
	position:relative;
}

header{
	width: 100%;
	height: 59px;
	font-size:26px;
	
}

#banner{
	background-image:url(PICTURE/banner04.png);
	width: 100%;
	height:454px;
	position:relative;
	
	}

#bar{
	width: 100%;
	height: 59px;
	background-color: rgb(159,202,175);
	position:fixed;
	
}

#bar02{
	}

#ul01{
	min-width:800px;
	height: 59px;
	position: absolute;
	line-height: 59px;
	display: inline-block;
	background-attachment: fixed;
	left: 250px;
	top: 0px;

}
	
li{
	list-style:none;
	float:left;
	display:inline-block;
}

li a{
    color:white;
	width:200px;
	height:59px;
	line-height:59px;
	float:left;
	list-style:none;
    text-decoration:none;
	white-space:nowrap;
	text-align:center;
	vertical-align:center;
	background-color:transparent;
}

.li2 a{
	color:rgb(159,202,175);
}

.li2:hover{
	background-color:white;
    color:rgb(159,202,175);
}

.li3 a{ 
    color: white;
}

.li3:hover{
	background-color:white;
    color:rgb(159,202,175);
}

.li4 a{ 
    color: white;
}
	
.li4:hover{
	background-color:white;
 	color:rgb(159,202,175);
}

.li5 a{ 
    color: white;
}
	
.li5:hover{
	background-color:white;
 	color:rgb(159,202,175);
}


.lia a{
	color:rgb(159,202,175);
}

.lia:hover{
	background-color:#333;
    color:rgb(159,202,175);
}

.lib a{ 
    color: white;
}

.lib:hover{
	background-color:#333;
    color:rgb(159,202,175);
}

.lic a{ 
    color: white;
}
	
.lic:hover{
	background-color:#333;
 	color:rgb(159,202,175);
}

.lid a{ 
    color: white;
}
	
.lid:hover{
	background-color:#333;
 	color:rgb(159,202,175);
}
.lie a{ 
    color: white;
}
	
.lie:hover{
	background-color:#333;
 	color:rgb(159,202,175);
}

#liborrow{}

#ullist{
	font-size:28px;
	min-width:1500px;
	position: absolute;
	bottom:0;
	
	}
	
#nar5{
	background-color: rgba(51,51,51,0.7);
	height: 59px;
    width: 100%;
	position: absolute;
	bottom:0;

   }

#topic{
	padding:88px;}
	
#topicname{
	position: absolute;
	width: 552px;
	height: 205px;
	left: -37px;
	top: 113px;

}

#topictitle{
	color:rgba(255,255,255,1);
	margin:0 auto;
	width:500px;
	background-color:transparent;
	text-align:center;
	font-size:40px;
	}

	#gallery a{
}
	
#gallery{
	min-width:1215px;
	width:50%;
	margin:0 auto;
	padding:15px;
	background-color:transparent;
	margin:0 auto;
	}

#content{
	background-color:transparent;
	width:80%;
	margin:90px auto;}	

#topicpic{
	text-align:center;
	}
	
.webfooter{
	background-color:transparent;
	margin:100px auto 0px auto;
	color:rgba(0,102,153,1);
	text-height:8px;
	font-size:20px;
	width: 100%;
}



/* Modal Content */
.modal-content {
}

	
.modal-header {
    padding: 2px 30px;
	background-color:rgba(102,102,102,1);
    color: white;
	font-size:40px;	
	border-radius:20px 20px 0 0;
}

.modal-body {
	padding: 2px 30px;
	background-color:rgba(102,102,102,1);
    color: white;
	font-size:28px;
	position:relative;



    }

.modal-footer {
    padding: 4px 30px;
    color: white;
	font-size:24px;
	line-height:32px;
	border-radius:0 0 20px 20px;	

}
gamepic{
	vertical-align: text-top;
    margin-left:15px;
}
div.info{
	font-size:24px;
	padding:0 auto;
	float:left;
	color:#FFF;
	margin:5px 10px 5px 10px;
	line-height:20px;
	}